<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <!-- Define Charset -->
    <meta charset="utf-8">
    
    <!-- Page Title -->
    <title>Dynamo - Sell/Buy/Rent Cars Online HTML5 Responsive Template - Pricing Table</title>

    <!-- Responsive Metatag -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
       
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap.css"/>
                    
    <!-- Font icons -->
    <link rel="stylesheet" href="css/fontello.css" >
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/fontello-ie7.css" ><![endif]-->
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="css/media-queries.css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>        
    <![endif]-->

    <!-- Media queries -->
    <!--[if lt IE 9]>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
</head>


<body>
    <header>
       <!-- begin Top Bar -->
        <div class="topbar" >
            <jsp:include page="import/topbar.jsp"/>
        </div>
        <!-- end Top Bar -->
        
        <!-- begin NavBar -->
        <nav class="navbar" role="navigation">
            <jsp:include page="import/navbar.jsp"/>
        </nav>
        <!-- end NavBar -->

        <!-- begin Sub Bar -->
        <div class="subbar" >
            <jsp:include page="import/sub-bar.jsp"/>
        </div>
        <!-- end Sub Bar -->            
    </header>



    <!-- Pricing Table -->
    <section>
        <div class="container">
                
            <jsp:include page="import/pricing-four.jsp"/>
            <jsp:include page="import/pricing-three.jsp"/>


           

        </div>
    </section>
    <!-- end Pricing Table -->


    
    <footer>
        <!-- begin top Footer -->
        <div class="topfoot">
            <div class="container">
                <div id="logos" class="carousel slide">
                    <a class="carousel-control" href="#logos" data-slide="prev">
                        <i class="icon-left-open"></i>
                    </a>

                    <a class="carousel-control control-right" href="#logos" data-slide="next">
                        <i class="icon-right-open"></i>
                    </a>
                    
                    <div class="carousel-inner">
                        <div class="item active">
                            <div><a href="#"><img src="img/logos/logo-04.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-03.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-02.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-01.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-05.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-03.png" alt="//"></a></div>
                        </div>
                        <div class="item">
                            <div><a href="#"><img src="img/logos/logo-01.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-02.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-05.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-01.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-03.png" alt="//"></a></div>
                            <div><a href="#"><img src="img/logos/logo-04.png" alt="//"></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end top Footer -->

        <!-- begin middle Footer -->
        <div class="middlefoot">
        <div class="container">
            <div class="row bread-top">
                <div class="col-xs-6 breadcrumbs">
                    You are here: <a href="index.html">Home</a> &gt; <a href="features.html">Features</a>
                </div>
                <div class="col-xs-6 go-top">
                    <a href="#" id="go-top">Go to top <i class="icon-up-open"></i></a>
                </div>
            </div>
            
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-2 about">
                    <h2>Our Showroom</h2>
                    <p>Call Us: 06216 15156<br />
                    Friday to Saturday, from 10 am to 7 pm</p>
                    <a href="#">View Bigger Map</a>

                    <p>
                        Exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit.
                        <a href="#">Read more</a>
                    </p>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-3">
                    <h2>Recent News</h2>

                    <div class="recent-news">
                        <div>
                            <div class="post-icon"><i class="icon-pencil"></i></div>
                            <img src="img/footer-thumbnail-news/recent1.jpg" alt="//" />
                        </div>
                        <a href="#">This is a demo post example with no images here</a>
                        <span>May 12, 2013 by Admin</span>
                    </div>
                    <div class="recent-news">
                        <div>
                            <div class="post-icon"><i class="icon-pencil"></i></div>
                            <img src="img/footer-thumbnail-news/recent2.jpg" alt="//" />
                        </div>
                        <a href="#">This is a demo post example with no images here</a>
                        <span>May 12, 2013 by Admin</span>
                    </div>
                    <div class="recent-news">
                        <div>
                            <div class="post-icon"><i class="icon-pencil"></i></div>
                            <img src="img/footer-thumbnail-news/recent3.jpg" alt="//" />
                        </div>
                        <a href="#">This is a demo post example with no images here</a>
                        <span>May 12, 2013 by Admin</span>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-2">
                    <h2>Vehicles</h2>
                    <ul>
                        <li><i class="icon-plus"></i><a href="#">Motorbikes</a></li>
                        <li><i class="icon-plus"></i><a href="#">Compacts</a></li>
                        <li><i class="icon-plus"></i><a href="#">Sedans</a></li>
                        <li><i class="icon-plus"></i><a href="#">4x4 SUVs</a></li>
                        <li><i class="icon-plus"></i><a href="#">Pickups</a></li>
                        <li><i class="icon-plus"></i><a href="#">Vans & Trucks</a></li>
                        <li><i class="icon-plus"></i><a href="#">Motorbikes</a></li>
                    </ul>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-2">
                    <h2>Services</h2>
                    <ul>
                        <li><i class="icon-plus"></i><a href="#">Buy a Car</a></li>
                        <li><i class="icon-plus"></i><a href="#">Sell your car</a></li>
                        <li><i class="icon-plus"></i><a href="#">Buy Back</a></li>
                        <li><i class="icon-plus"></i><a href="#">Repair Shop</a></li>
                        <li><i class="icon-plus"></i><a href="#">Buy a Car</a></li>
                        <li><i class="icon-plus"></i><a href="#">Sell your car</a></li>
                        <li><i class="icon-plus"></i><a href="#">Buy Back</a></li>
                    </ul>
                </div>

                <div class="col-xs-12 col-sm-6 col-md-3">
                    <h2>Opening Hours</h2>
                    <ul class="hours">
                        <li><span class="icon"><i class="icon-clock"></i></span>Monday<span class="pull-right">06.00 - 22.00</span></li>
                        <li><span class="icon"><i class="icon-clock"></i></span>Tuesday<span class="pull-right">06.00 - 22.00</span></li>
                        <li><span class="icon"><i class="icon-clock"></i></span>Wednesday<span class="pull-right">06.00 - 22.00</span></li>
                        <li><span class="icon"><i class="icon-clock"></i></span>Thursday<span class="pull-right">06.00 - 22.00</span></li>
                        <li><span class="icon"><i class="icon-clock"></i></span>Friday<span class="pull-right">06.00 - 21.00</span></li>
                    </ul>
                </div>
            </div>

        </div>
        </div>
        <!-- end middle Footer -->

        <!-- begin bottom Footer -->
        <div class="bottomfoot">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-6">
                    <p>Desing by <a href="http://themeforest.net/user/mustachethemes" title="Mustachethemes" >Mustachethemes</a> - 2015 All right Reserved</p>
                </div>
                <div class="col-xs-12 col-md-6">
                    <ul class="social">
                        <li><a href="#" class="instagram"><i class="icon-instagram"></i></a></li>
                        <li><a href="#" class="vimeo"><i class="icon-vimeo"></i></a></li>
                        <li><a href="#" class="pinterest"><i class="icon-pinterest"></i></a></li>
                        <li><a href="#" class="gplus"><i class="icon-gplus"></i></a></li>
                        <li><a href="#" class="linkedin"><i class="icon-linkedin"></i></a></li>
                        <li><a href="#" class="twitter"><i class="icon-twitter"></i></a></li>
                        <li><a href="#" class="facebook"><i class="icon-facebook"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        </div>
        <!-- begin bottom Footer -->
    </footer>
    
    <!-- Javascript Files -->
    <!-- jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write("<script src=\"js/jquery-1.9.1.min.js\"")</script>
    
    <!-- Respond.js media queries for IE8 -->
    <script src="js/respond.min.js"></script>
    
    <!-- Bootstrap-->
    <script src="js/bootstrap.min.js" ></script>
 
    <!-- Retina.js -->
    <script src="js/retina.js" ></script>

    <!-- Placeholder.js http://widgetulous.com/placeholderjs/ -->
    <script src="js/placeholder.js" ></script>
    
    <!-- Go to top -->
    <script src="js/jquery.scrollTo-1.4.3.1-min.js" ></script>

             

    <!-- Custom -->
    <script src="js/script.js"  ></script>

    <!-- End Javascript Files -->
</body>
</html>